<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title>创建交易</title>

<link href="resources/css/jqtransform.css" rel="stylesheet" type="text/css" />
<link href="resources/css/jquery.ui.all.css" rel="stylesheet" type="text/css" />

<script src="resources/js/jquery-1.6.2.js" type="text/javascript"></script>
<script src="resources/js/jquery.jqtransform.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.core.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.slider.js" type="text/javascript"></script>

<script type="text/javascript">
	$(document).ready(function() {
		var rewardSlider = $("#rewardSlider").slider({
			min : 3,
			max : 7,
			range : "min",
			value : 5,
			slide : function(event, ui) {
				$("#reward").val(ui.value);
			}
		});
		$("#reward").change(function() {
			rewardSlider.slider("value", $(this).val());
		});
		var creditSlider = $("#creditSlider").slider({
			min : 0,
			max : 10,
			range : "min",
			value : 6,
			slide : function(event, ui) {
				$("#credit").val(ui.value);
			}
		});
		$("#credit").change(function() {
			creditSlider.slider("value", $(this).val());
		});
	});

	function doNothing() {
		form.action = "trademanage/createTrade.do?type=donothing";
		form.submit();
	}
</script>

</head>

<body>
	<center>
		<div>
			<center>
				<div style="margin-top: 70px">
					<h3>创建交易</h3>
				</div>
			</center>
			<form action="trademanage/createTrade.do?type=first" method="post" name="form">
				<table>
					<tr>
						<td colspan="2">账户余额：${ userBean.ttTradeinfo.balance}</td>
					</tr>
					<tr style="height: 60px">
						<td>悬赏单价：</td>
						<td><select name="reward" id="reward" style="margin: 5px 0 10px 5px">
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5" selected>5</option>
								<option value="6">6</option>
								<option value="7">7</option>
						</select>
							<div id="rewardSlider" style="width: 200px; margin: 0 0 5px 15px"></div></td>
					</tr>
					<tr style="height: 60px">
						<td>允许信誉：</td>
						<td><select name="credit" id="credit" style="margin: 5px 0 10px 5px">
								<option value="0">0</option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6" selected>6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								<option value="10">10</option>
						</select>
							<div id="creditSlider" style="width: 200px; margin: 0 0 5px 15px"></div></td>
					</tr>
					<tr style="height: 30px">
						<td colspan="2" style="text-align: center"><input type="submit" value="确定" /> <input type="button" value="先看看" onclick="" />
						</td>
					</tr>
				</table>
			</form>

		</div>

	</center>
</body>
</html>
